@extends('layout.master')

@section('content-header')
    <h1>Dashboard</h1>
    <ol class="breadcrumb">
        
        <li class="active"><i class="fa fa-dashboard"></i>Dashboard</li>
    </ol>
@stop

@section('content')

    <!-- Small boxes (Stat box) -->
    <div class="row">

        <div class="col-lg-6 col-xs-12 animated fadeInUp">
            <!-- small box -->
            <div class="small-box bg-aqua">
                <div class="inner">
                    <h3>{{ $count_lokasis }}</h3>
                    <p>Lokasi</p>
                </div>
                <div class="icon"><i class="ion ion-location"></i></div>
                <a href="{{ URL::route('lokasis') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div><!-- ./col -->

        <div class="col-lg-6 col-xs-12 animated fadeInUp">
            <!-- small box -->
            <div class="small-box bg-green">
                <div class="inner">
                    <h3>{{ $count_penduduks }}</h3>
                    <p>Penduduk</p>
                </div>
                <div class="icon"><i class="ion ion-person-stalker"></i></div>
                <a href="{{ URL::route('penduduk') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div><!-- ./col -->

        <div class="col-lg-6 col-xs-12 animated fadeInUp">
            <!-- small box -->
            <div class="small-box bg-yellow">
                <div class="inner">
                    <h3>{{ $count_kipems }}</h3>
                    <p>KIPEM</p>
                </div>
                <div class="icon"><i class="ion ion-person-add"></i></div>
                <a href="{{ URL::route('kipems.index') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div><!-- ./col -->

        <div class="col-lg-6 col-xs-12 animated fadeInUp">
            <!-- small box -->
            <div class="small-box bg-red">
                <div class="inner">
                    <h3>{{ $count_tamus }}</h3>
                    <p>Tamu</p>
                </div>
                <div class="icon"><i class="ion ion-person"></i></div>
                <a href="{{ URL::route('tamus.index') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div><!-- ./col -->
    </div><!-- /.row -->

    <hr>
    <div class="row">
        <div class="col-lg-4 col-xs-8 animated fadeInUp">
            <!-- small box -->
            <div class="small-box bg-success">
                <div class="inner">
                    <h3>{{ $count_kipems_akan }}</h3>
                    <p>KIPEM Akan Habis</p>
                </div>                        
            </div>
        </div><!-- ./col -->
        <div class="col-lg-4 col-xs-8 animated fadeInUp">
            <!-- small box -->
            <div class="small-box bg-warning">
                <div class="inner">
                    <h3>{{ $count_kipems_habis }}</h3>
                    <p>KIPEM Akan Habis</p>
                </div>                
            </div>
        </div><!-- ./col -->
        <div class="col-lg-4 col-xs-8 animated fadeInUp">
            <!-- small box -->
            <div class="small-box bg-danger">
                <div class="inner">
                    <h3>{{ $count_kipems_sudah }}</h3>
                    <p>KIPEM Akan Habis</p>
                </div>                
            </div>
        </div><!-- ./col -->
    </div>    

@stop